.app-sidebar {
    position: relative;
    height: 100%;
    .lg-tabs-root-card-top {
        .lg-tabs-root-title__item-name {
            line-height: 14px;
        }
    }
    .lg-sideBar-SubMenu-text {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .ant-spin-blur {
        opacity: 0;
    }
    #platform-qiankun-container {
        height: 100%;
        &>div {
            height: 100%;
        }
    }
}

.app-side-bar-body {
    height: 100%;
    overflow-y: hidden;
}

.lg-sideBar-SubMenu-selected,
.lg-sideBar-SubItemA-selected {
    svg {
        path,
        rect {
            fill: #fff !important;
        }
    }
}

.lg-skin-s7 {
    .app_main {
        .lg-sideBar-SubItemA-icon,
        .lg-sideBar-SubMenu-icon {
            svg {
                path,
                rect {
                    fill: #fff;
                }
            }
        }
    }
}

@import './skin.scss';
// 皮肤名字 基础色 悬浮色 点击色 侧边栏深色背景 侧边栏浅色背景
// item选中渐变色 底部浅色背景 收缩模式下子项选择的悬浮色
@each $CLASS_NAME,
$BASE_COLOR,
$ALL_HOVER_COLORS,
$ALL_CLICK_COLORS,
$ALL_SIDEBAR_BGCOLOR_DARK,
$ALL_SIDEBAR_BGCOLOR_LIGHT,
$ALL_SIDEBAR_ITEM,
$ALL_SIDEBAR_BOTTOM_LIGHT,
$ALL_SIDEBAR_POPITEM_HOVER,
$ALL_Tab_COLORS in $All_SiDEBAR_COLORS {
    #{$CLASS_NAME} {
        &.light-dark {
            .lg-sideBar-SubItemA-icon,
            .lg-sideBar-SubMenu-icon {
                svg {
                    path,
                    rect {
                        fill: $BASE_COLOR !important;
                    }
                }
            }
        }
        .lg-sideBar-SubItemA-icon,
        .lg-sideBar-SubMenu-icon {
            svg {
                path,
                rect {
                    fill: $BASE_COLOR;
                }
            }
        }
        &.nav-auto {
            .lg-tabs-root-title-box {
                .lg-tabs-root-card-title__item-active {
                    background-color: $ALL_Tab_COLORS !important;
                }
            }
        }
    }
}